<h3>文件管理</h3>
<div ng-controller="TablexEditableController" class="container-fluid">
<div class="panel panel-default tools">
<div class="panel-body">
    <!-- Modal Controller-->
    <div ng-controller="ModalController">

       <script type="text/ng-template" id="/myModalfile.html">
          <div class="modal-header">
            <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
            <h4 id="myModalLabel" class="modal-title">新建项目组</h4>
          </div>
          <div class="modal-body">
            <div ng-controller="ProjectFormController" class="block-center mt-xl wd-xl">
               <!-- START panel-->
               <div class="panel panel-dark panel-flat">
                 
                  <div class="panel-body">
                     <form role="form" ng-submit="project()" name="projectForm" novalidate="" class="form-validate mb-lg">
                        <div class="form-group has-feedback">
                           <input id="exampleInputName1" type="text" name="account_name" placeholder="项目组名称" autocomplete="off" ng-model="account.name" required="" class="form-control" />
                           <span class="fa fa-eyedropper form-control-feedback text-muted"></span>
                           <span ng-show="projectForm.account_name.$dirty &amp;&amp; projectForm.account_name.$error.required" class="text-danger">项目组名称不能为空</span>
                        </div>
                        <div class="form-group has-feedback">
                           <textarea id="exampleInputDescription1" name="account_description" placeholder="项目组描述" ng-model="account.description" required="" class="form-control" />
                           <span class="fa fa-edit form-control-feedback text-muted"></span>
                        </div>
                        <button type="submit" class="btn btn-block btn-primary mt-lg">新建</button>
                     </form>
                  </div>
               </div>
            </div>
          </div>
          <div class="modal-footer">
          </div>
       </script>

      <div style="clear:both">
      </div>
       <!-- Button trigger modal -->
        <div class="tools-left">
          <!-- 文件功能 -->
          <div class="btn-group btn-group-sm kod_path_tool">
            <button type="button" class="btn btn-default btn-lg"><i class="icon-home">
              </i></button>
            <div dropdown="dropdown" class="btn-group mb-sm open">
               <button type="button" ng-disabled="disabled" dropdown-toggle="" class="btn dropdown-toggle btn-default" aria-haspopup="true" aria-expanded="true"><i class="fa fa-folder-open">
              </i>请选择一个项目组
                  <span class="caret"></span>
               </button>
               <ul role="menu" class="dropdown-menu"  ng-controller="ProjectsController">
                  <li>
                  <button ng-click="openfile()" class="btn btn-default" type="button">
                  +新建项目组
                  </button>
                  </li>
                  <li ng-repeat="project in projects">
                  <button class="btn btn-default" type="button"><a href="http://localhost/angular-project/#/app/programs">
                  {{project.name}}</a>
                  </button>
                  </li>
               </ul>
            </div>
            <div id="modal-state"></div>
          </div>

        </div>
        <div class="tools-right">
          <div class="btn-group btn-group-sm">
            <button type="button" class="btn btn-default btn-lg"><i class="fa fa-cloud-upload">
              </i><a href="http://localhost/angular-project/#/app/personal">空间管理</a></button>
            <button type="button" class="btn btn-default btn-lg"><i class="fa fa-pencil-square-o">
              </i><a href="http://localhost/angular-project/#/app/table-xeditable">内容管理</a></button>
            <button type="button" class="btn btn-default btn-lg"><i class="fa fa-bar-chart-o">
              </i>数据处理</button>
          </div>
        </div>
        <div style="clear:both">
        </div>
        <div style="clear:both">
        </div>
    </div>
 </div>
</div>
<div class="row">
  <div class="col-md-4">
   <div class="panel panel-default" ng-controller="ProjectsController">
      <div class="panel-heading">项目组１
      </div>
      <div class="panel-body">
        <!-- Editable row-->
         <a href="">
            <img src="app/img/bg1.jpg" class="img-responsive">
         </a>
        <h4> 项目１<a href="http://localhost/angular-project/#/app/table-xeditable">
        </h4>
        <p>描述</p>
        <a href="">
            <img src="app/img/bg1.jpg" class="img-responsive">
         </a>
        <h4> 项目2
        </h4>
        <p>描述</p>
      </div>
    </div>
  </div>
</div>
